<template>
  <div class="ERP-page">
    <div class="form">
      <!-- 布局 -->
      <el-row :gutter="20">
        <el-col :span="16" :offset="4">
          <!-- 表单 -->
          <el-form label-width="120px">
            <el-form-item label="ERP类别">
              <el-select placeholder="请选择" style="width: 80%">
                <el-option label="1" value="1"></el-option>
                <el-option label="2" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="账套ID">
              <el-input style="width: 80%" placeholder="账套ID"></el-input>
            </el-form-item>
            <el-form-item label="接口地址">
              <el-input style="width: 80%" placeholder="接口地址"></el-input>
            </el-form-item>
            <el-form-item label="接口登录用户">
              <el-input
                style="width: 80%"
                placeholder="接口登录用户"
              ></el-input>
            </el-form-item>
            <el-form-item label="接口登录密码">
              <el-input
                style="width: 80%; margin-right: 10px"
                placeholder="接口登录密码"
              ></el-input>
              <el-button type="success">测试接口登录</el-button>
            </el-form-item>
            <el-form-item label="数据库地址">
              <el-input style="width: 80%" placeholder="数据库地址"></el-input>
            </el-form-item>
            <el-form-item label="数据库名称">
              <el-input style="width: 80%" placeholder="数据库名称"></el-input>
            </el-form-item>
            <el-form-item label="数据库登录用户">
              <el-input
                style="width: 80%"
                placeholder="数据库登录用户"
              ></el-input>
            </el-form-item>
            <el-form-item label="数据库登录密码">
              <el-input
                style="width: 80%; margin-right: 10px"
                placeholder="数据库登录密码"
              ></el-input>
              <el-button type="success">测试连接</el-button>
            </el-form-item>
            <el-form-item>
              <el-button type="primary">保存</el-button>
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { GetERPSettingsApi } from "@/api/ERP";
export default {
  data() {
    return {};
  },
  created() {
    this.GetERPSettings();
  },
  methods: {
    async GetERPSettings() {
      const res = await GetERPSettingsApi();
    },
  },
};
</script>

<style lang="scss" scoped>
.ERP-page {
  background-color: #fff;
  padding: 40px 20px;
  margin: 0 auto;

  .form {
  }
}
</style>